<template lang="html">
    <div class="">
        <mt-swipe :auto="4000">
          <mt-swipe-item style="display:flex;flex-wrap:wrap">
              <div class="outBox">
                  <div class="son">
                    1
                  </div>
                  <div class="son">
                    2
                  </div>
                  <div class="son">
                    3
                  </div>
                  <div class="son">
                    4
                  </div>
                  <div class="son">
                    5
                  </div>
              </div>
          </mt-swipe-item>
          <mt-swipe-item>2</mt-swipe-item>
          <mt-swipe-item>3</mt-swipe-item>
        </mt-swipe>
    </div>
</template>

<script>
import {
	Swipe,
	SwipeItem
} from 'mint-ui';
export default {

}
</script>

<style lang="css">
.mint-swipe{
    height:300px;
    background: red;
}
.outBox{
    width:100%;
    height:100%;
    display: flex;
    flex-wrap: wrap;
}
.outBox .son{
    width:25%;
    background:#e0e0e0;
}
</style>
